<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>引导页</title>
    <link rel="stylesheet" href="/res/css/all-common.css">
    <link rel="stylesheet" href="/res/css/guide.css">
</head>
<body>

<div class="guide-page">
    <div class="container">
        <div class="t">
            <img src="/res/images/cont/guide/logo.png" />
            <h1>全球电竞新闻汇聚</h1>
            <p class="flex-h-space"><span>请选择我们旗下的产品</span></p>
        </div>

        <div class="m">
            <ul class="flex-h-space">
                <li>
                    <a href="#" class="inner-box p-tran">
                        <img src="/res/images/cont/guide/lol.png" />
                        <img src="/res/images/cont/guide/logo-lol-en.png" class="logo">
                    </a>
                    <img src="/res/images/cont/guide/shadow.png" class="shadow" />
                </li>

                <li>
                    <div class="mask p-tran"></div>
                    <span class="inner-box  p-tran">
                        <img src="/res/images/cont/guide/dota2.png" />
                        <img src="/res/images/cont/guide/logo-dota2-en.png" class="logo">
                    </span>
                    <img src="/res/images/cont/guide/shadow.png" class="shadow" />
                    <img src="/res/images/cont/guide/come-soon.png" class="coming-soon">
                </li>

                <li>
                    <div class="mask p-tran"></div>
                    <span class="inner-box  p-tran">
                        <img src="/res/images/cont/guide/hots.png" />
                         <img src="/res/images/cont/guide/logo-hots-en.png" class="logo">
                    </span>
                    <img src="/res/images/cont/guide/shadow.png" class="shadow" />
                    <img src="/res/images/cont/guide/come-soon.png" class="coming-soon">

                </li>

                <li>
                    <div class="mask p-tran"></div>
                    <span class="inner-box  p-tran">
                        <img src="/res/images/cont/guide/cs-go.png" />
                         <img src="/res/images/cont/guide/logo-cs-go-en.png" class="logo">
                    </span>
                    <img src="/res/images/cont/guide/shadow.png" class="shadow" />
                    <img src="/res/images/cont/guide/come-soon.png" class="coming-soon">
                </li>
            </ul>
        </div>



    </div>

    <div class="b">
        <div class="container">
            <p class="lang" id="langBox">
                <a href="#" data-lang="en" class="">English</a> |
                <a href="#" data-lang="zh-CN" class="cur">简体中文</a> |
                <a href="#" data-lang="zh-TW" class="">繁體中文</a>
            </p>
        </div>

    </div>

</div>


</body>
</html>